body{background: #f3f3f3;font-family: '微软雅黑'}
button{outline: none;}
li{list-style-type: none;}
em{font-style: normal;}
p{margin: 0}
img{max-width: none}
.progress{border-radius: 20px;margin: 0;margin-top: 5px;overflow: visible}
.progress-bar{border-radius: 20px;}
.alert-danger{position: fixed;width: 100%;height: 100%;z-index: 11}
/*头部*/
.top{width: 100%;height: 70px;border-bottom: 4px solid #fe6e41;background: #fff;margin-bottom: 16px}
.top span{display: inline-block;height: 70px;line-height: 70px;font-size: 24px;color: #fe6e41;padding-left: 70px;background: url(../images/logo.png) no-repeat left center;background-size: 48px auto}
/*左侧菜单*/
.menu{background: #fff}
.menu .head-img{font-size: 18px;color: #787979;padding-top: 30px}
.menu .head-img img{width: 40%;display: block;margin: 0 auto;border-radius: 50%;border:4px solid #fe6e41;}
.menu .head-img p{text-align: center;margin: 1.1em 0 3em}
.menu ul{padding: 0}
.menu li{cursor: pointer;height: 52px;line-height: 52px;border-bottom: 1px solid #f3f3f3;padding-left: 30px}
.menu li a{color: #787979}
.menu li.active{background: #fe6e41;color: #fff}
.menu li.active a{color: #fff}
.menu li span{padding-left: 45px;display: inline-block;}
.menu li .set-que{background: url(../images/set-que.png) no-repeat left center;background-size: 22px auto}
.menu li .pend{background: url(../images/pend.png) no-repeat left center;background-size: 22px auto}
.menu li .shelves{background: url(../images/shelves.png) no-repeat left center;background-size: 22px auto}
.menu li .shelf{background: url(../images/shelf.png) no-repeat left center;background-size: 22px auto}
.menu li .draft{background: url(../images/draft.png) no-repeat left center;background-size: 22px auto}
.menu li.active .set-que{background: url(../images/set-que1.png) no-repeat left center;background-size: 22px auto}
.menu li.active .pend{background: url(../images/pend1.png) no-repeat left center;background-size: 22px auto}
.menu li.active .shelves{background: url(../images/shelves1.png) no-repeat left center;background-size: 22px auto}
.menu li.active .shelf{background: url(../images/shelf1.png) no-repeat left center;background-size: 22px auto}
.menu li.active .draft{background: url(../images/draft1.png) no-repeat left center;background-size: 22px auto}
.cont .title{background: #fff;height: 84px;line-height: 84px;font-size: 24px;color: #fe6e41;padding-left: 50px;margin-bottom: 16px}
/*题目展示列表*/
.que-list{padding: 28px 60px 0;background: #fff}
.que-list .box{font-size: 14px;color: #787979;padding: 1em 1em 0;border:1px solid #dcdcdc;margin-bottom: 14px;overflow: hidden;}
.que-list .box .col-xs-10{margin-bottom: 1em}
.que-list .box:last-child{margin-bottom: 0}
.que-list .box .btn{border-radius: 0;font-size: 14px}
.que-list .box .btn:first-child{margin-top: 1.6em}
.que-list .box h3{font-size: 22px;color: #3b3b3b;margin: 1em 0}
.que-explain{border-top: 1px solid #dcdcdc;color: #f00;clear: both;font-size: 16px;padding: 14px 0;}
.que-page{font-size: 16px;padding: 50px 0;background: #fff;text-align: center;}
.que-page em{margin:0 .2em;display: inline-block;}
.que-page span{cursor: pointer;margin:0 .2em;display: inline-block;color: #787979;width: 22px;height: 22px;line-height: 22px;border:1px solid #dcdcdc;}
.que-page span.active{background: #fe6e41;color: #fff;border:1px solid #fe6e41;}
.que-page input{text-align: center;margin:0 .2em;width: 36px;height: 22px;border:1px solid #dcdcdc;padding: 0}
.que-page span:last-child{font-size: 12px}
/*题目详情*/
.detail-ttl{font-size: 16px;color: #000;background: #fff;overflow: hidden;padding: .5em 1em}
.detail-ttl button{font-size: 20px;color: #bebebe;padding: 0 1em;margin-top: 16px;border-radius: 0}
.detail-ttl .col-xs-5 p:first-child{margin-bottom: .8em}
.detail-content{font-size: 14px;color: #787979;background: #fff;margin-top: 16px;padding: 30px 0}
.detail-content .box{overflow: hidden;margin-bottom: 30px}
.detail-content .box:last-child{margin-bottom: 0}
.detail-content .field p{float: left;}
.detail-content .field span{padding: .2em .8em;margin: 0 .5em;background: #f7ed80;color: #fff;border-radius: 6px}
.detail-content .imgs{width: 100%;}
.detail-content .imgs img{width: 136px;margin-right: 9px;margin-top: 1em}
.detail-content .answer .col-xs-2{padding: 1em 10px}
.detail-content .answer p{line-height: 1.6em;padding: 1em 0;border-bottom: 1px dashed #d8d8d8;position: relative;}
.detail-content .answer p.active{font-weight: bold;}
.detail-content .answer p.active:after{content: '正确';width: 2.4em;height: 2.4em;line-height: 2.4em;text-align: center;border-radius: 50%;background: #7dc94b;color: #fff;position: absolute;right: -2.4em;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
/*二维码*/
.scan-code{min-width: 1008px;}
.scan-code .container{min-width: 1008px}
.scan-code .download{width: 34%;background: #fff;padding: 54px;margin: 0 auto;color: #5b5b5b;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.scan-code .download img{width: 100%}
.scan-code .download p{font-size: 22px;margin: 38px 0;}
.scan-code .download span{display: block;padding-left: 30px;background: url(../images/android.png) no-repeat left center;background-size: 16px;}
.scan-code .download button{color: #ff5b00;font-size: 16px;border:1px solid #ff5c1a;border-radius: 4px;background: #fff;padding: .2em 1em}

/*我要出题*/
.set-q{min-width: 1008px;}
.set-q .cont form{padding:50px 190px 50px 50px;background:#fff;color: #787979;}
.set-q .cont .form-group{margin-bottom: 50px}
.set-q .cont .progress-icon{width: 28px;position: absolute;top: 0;left: 50%;margin-left: -14px}
.set-q .cont .sr-only{top: 30px;color: #787979;width: auto;left: 50%;margin-left: -14px;height: auto;clip:auto;}
.set-q .form-horizontal .control-label{font-size: 14px;padding-top: 5px}
.set-q .field{position: relative;padding-right: 60px;padding-top: 5px;font-size: 14px}
.set-q .field .box:after{clear: both;}
.set-q .field .box > p{width: 15%}
.set-q .field .box > div{width: 85%;float: left;}
.set-q .field .edit{position: absolute;right: 0;top: 0;width: 50px;height: 26px;background: url(../images/edit-icon.png) no-repeat;}
.set-q .field .box span{font-size: 12px;display: inline-block;padding: .2em .5em;color: #fff;background: #798af9;margin-bottom: .5em;border-radius: 4px}
.set-q .cont textarea{height: 200px;resize: none;margin-bottom: 20px}
.set-q .file-img:after{clear: both;}
.set-q .file-img > div{float: left;width: 136px;height: 100px;margin: 0 20px 20px 0}
.set-q .file-img img{width: 100%;height: 100%;display: block;}
.set-q .input-group{margin-bottom: 22px;width: 100%}
.set-q .input-group input{height: 38px}
.set-q .input-group-addon{width: 100px;height: 38px;padding: 0;border-radius: 0;border:0;cursor: pointer;}
.set-q .correct{background: #fe6e41;color: #fff}
.set-q .form-btn{text-align: center;}
.set-q .form-btn input[type="button"]{width: 210px;font-size: 20px}
.set-q .form-btn input[type="button"]:last-child{margin-left: 26px;background: #fff;color: #a5a5a5}
.set-q .field-pop{display: none;font-size: 14px;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 10}
.set-q .field-pop-cont{width: 50%;background: #fff;padding: 26px 36px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.set-q .field-pop .title{color: #3b3b3b}
.set-q .field-pop .title span{color: #fe6e41}
.set-q .field-pop p{color: #507bf0;cursor: default;}
.set-q .field-pop p span{display: inline-block;position: relative;padding-right: 1.5em}
.set-q .field-pop p i{font-size: .5em;position: absolute;top: 50%;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.set-q .field-pop ul{padding: 0}
.set-q .field-pop .col-xs-3{margin-top: 30px}
.set-q .field-pop li{margin-bottom: 10px}
.set-q .field-pop li div{display: inline-block;position: relative;padding-right: 1.5em;background: url(../images/icon-no.png) no-repeat right center;background-size: 1em auto}
.set-q .field-pop li.active div{background: url(../images/icon-yes.png) no-repeat right center;background-size: 1em auto}
.set-q .field-pop-scroll{overflow-y: auto;max-height: 500px}
.set-q .field-pop-scroll > div{overflow: hidden;}
.set-q .field-pop-btn{text-align: center;font-size: 20px}
.set-q .field-pop-btn input{width: 28%}
.set-q .field-pop-btn input:first-child{margin-right: 28px}
/*审核*/
.pending .cont{padding-bottom: 50px}
.pending .cont .title{padding-left: 60px}
.pending .icon{font-size: 16px;}
.pending .list{display: none;padding: 0}
.pending .none{display: none;padding: 150px;background: #fff}
.pending .none div{text-align: center;color: #cfcfcf;font-size: 36px;padding: 48px;border:1px solid #dcdcdc;}
.pending .disabled{background: #fff}
/*上架*/
.shelves .list{display: none;padding: 0}
.shelves .none{display: none;padding: 150px;background: #fff}
.shelves .none div{text-align: center;color: #cfcfcf;font-size: 36px;padding: 48px;border:1px solid #dcdcdc;}
.shelves .disabled{background: #fff;color: #f00}
.shelves-btn{padding: 50px 0;background: #fff}
.shelves-btn button{width: 210px;font-size: 20px}
.shelves-pop{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);}
.shelves-pop .cont{background: #fff;text-align: center;padding: 60px 0;width: 28%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.shelves-pop span{display: inline-block;font-size: 20px;padding-left: 34px;background: url(../images/pop-mark.png) no-repeat left center;background-size: 24px auto}
.shelves-pop .cont div{margin-top: 50px}
.shelves-pop .cont button{background: #fff;font-size: 16px}
.shelves-pop .cont button:first-child{margin-right: 50px}
.shelves-pop .cont button{background: #fff;font-size: 16px}
.shelves-pop .cont button:first-child{margin-right: 50px}
/*已下架*/
.shelf .list{display: none;padding: 0}
.shelf .none{display: none;padding: 150px;background: #fff}
.shelf .none div{text-align: center;color: #cfcfcf;font-size: 36px;padding: 48px;border:1px solid #dcdcdc;}
.shelf .disabled{background: #fff;color: #e3bf18}
/*草稿箱*/
.draft .list{display: none;padding: 0}
.draft .none{display: none;padding: 150px;background: #fff}
.draft .none div{text-align: center;color: #cfcfcf;font-size: 36px;padding: 48px;border:1px solid #dcdcdc;}
.draft .disabled{background: #fff;color: #e3bf18}
.draft .que-list .box .btn:first-child{margin-top: 2.8em}
/*上传预览*/
.preview-pop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;background: rgba(0,0,0,.7);}
.preview-pop > div{width: 776px;position: absolute;top: 50%;left: 50%;background: #fff;padding: 80px 100px 30px;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.preview-pop > div > span{position: absolute;top: 16px;right: 16px;width: 16px;height: 16px;background: url(../images/close.png) no-repeat;background-size: 100% 100%}
.phone-frame > div{float: left;width: 226px;height: 350px;position: relative;}
.phone-frame > div:first-child{margin-right: 124px}
.phone-frame .phone-bg{position: absolute;top: -50px;left: -12px;width: 250px;height: 450px}
.preview-btn{text-align: center;}
.preview-btn button{width: 200px;;margin-top: 100px}
.preview-btn button:last-child{background: #fff;color: #a5a5a5;margin-left: 100px}
.phone-frame .subject,.phone-frame .subject-reslut{background: #f3f3f3;position: absolute;top: 0;left: 0;z-index: 20;width: 100%;height: 100%;overflow-y: auto;font-size: 13px}
.subject{}
.subject-top{padding: .4em 0;text-align: center;background: #fb5e36;color: #fff}
.subject-top span{display: inline-block;padding-left: 2em;background: url(../images/sub-time.png) no-repeat left center;background-size: 1em auto}
.subject-cont{margin: .5em;padding: .5em;background: #fff;}
.subject-cont h4{margin: 0}
.subject-cont span{display: block;margin: .5em 0;color: ;}
.subject-img{width: 100%;height: 80px;overflow-x: auto;}
.subject-img img{height: 100%;margin: 0 5px}
.subject-ans{margin: 1em .5em}
.subject-ans .row{padding: .4em 0;position: relative;margin: 0 0 1em;background: url(../images/sub-choice-bg.png) no-repeat;background-size: 100% 100%;}
.subject-ans .col-xs-2{position: absolute;height: 100%;top: 0;left: 0}
.subject-ans .col-xs-10{float: right;}
.subject-ans img{width: 1.2em;position: absolute;top: 50%;position: absolute;top: 50%;transform: translateY(-50%);}
.subject-ans .active .col-xs-2{background: url(../images/sub-choice-yes.png) no-repeat 60% 60%;background-size: 1.2em}
.subject-cho{height: 2em;line-height: 2em;padding: 0 .5em;background: #fff}
.subject-cho button{height: 2em;width: 100%;display: block;border-radius: 0;text-align: center;padding: 0}
.subject-cho .col-xs-5{padding-right: 0}
.sub-top{position: relative;padding-bottom: 4px;background: url(../images/sub-success-bg.png) no-repeat left bottom;background-size: 100% 4px;}
.sub-top:after{content: '\d7';position: absolute;top: .4em;left: .5em;color: #fff;font-size: 1.4em}
.sub-top > div{background: #f1673a;padding: 1.5em 0 .5em}
.sub-top img{display: block;width: 50%;margin: 0 auto}
.sub-top .row{font-size: 12px;color: #fff;margin: 0}
.sub-top .row img{width: 1.5em}
.sub-ans{padding: 0 1em}
.sub-ans .result{padding: .4em 0;font-size: 12px}
.sub-ans .result strong{font-size: 15px;color: #8dd917}
.sub-ans .row{margin-bottom: .4em;background: url(../images/sub-error-icon.png) no-repeat right .4em;background-size: 12px}
.sub-ans .row img{width: 1.2em}
.sub-ans .success{background: url(../images/sub-success-icon.png) no-repeat right .4em;background-size: 12px}
.sub-any{margin: .5em;background: #fff;padding: .5em}
.sub-any h4{margin: 0}
.sub-any p{margin: .4em 0}
.sub-any > div{margin-bottom: .5em}
.sub-btn{margin-top: 1em}
.sub-btn span{color: #fff}
.sub-btn button:first-child{background: #f46a3d}
.sub-btn button:first-child span{}
.sub-btn button:last-child{background: #48c37f}
.sub-other{margin: 1.5em .5em;padding-bottom: .5em}
.sub-other .line{border-bottom: 1px solid #ccc;position: relative;margin-bottom: 1.5em}
.sub-other .line:after{content: '其他题目';padding-left: 1.5em;background:#f3f3f3 url(../images/other-icon.png) no-repeat left center;background-size: .8em;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.sub-other .row{}
.sub-other .col-xs-6{padding: .5em;font-size: 12px;background: #fff;margin: .4em .1em}
.sub-other .col-xs-6 h4{margin: 0;font-size: 12px}
.sub-other .col-xs-6 p{line-height: 1.8em;}
.sub-other .col-xs-6 p:last-child{text-align: center;border-top: 1px solid #ccc}